<template>
  <div id="app" class="app">
    <ChaCao :dataList="foods" titleName="食物">
      <div>烧烤图片</div>
    </ChaCao>
    <ChaCao :dataList="games" titleName="游戏">
      <div>游戏占位符默认</div>
    </ChaCao>
    <ChaCao :dataList="games" titleName="游戏2" />
  </div>
</template>

<script>
import ChaCao from "./components/ChaCao";
export default {
  name: "App",
  data: function () {
    return {
      foods: ["饺子", "拉面", "炒饭"],
      games: ["33号", "GTA5", "街霸6"],
    };
  },

  components: { ChaCao },

  methods: {
    getUserList() {},
  },
};
</script>

<style>
#app {
  display: flex;
  flex-direction: row;
  gap: 36px;
}
</style>